<!--
 * @Author: your name
 * @Date: 2022-03-06 15:33:31
 * @LastEditTime: 2022-03-08 10:37:54
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \etrip-ui\src\pages\button\demo.vue
-->
<template>
  <div>
    <div style="width: 80%;margin: 0 auto;">
      <Button>默认</Button>
    </div>
    <br>
    <Button disabled>禁止</Button>
    <br>
    <Button plain>细边框</Button>
    <br>
    <Button square>方形按钮</Button>
    <br>
  </div>
</template>

<script setup>
import {Button} from '../../../packages/lib/index'
import { ref } from 'vue'
</script>
<style lang='scss' scoped>
</style>